<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog G0103-dialog" ng-init="init();"  style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'G0103.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" >
        <div class="kmi-layout-page">
            <div class="kmi-text-fields" style="width:50%;">
                <label class="label" ng-bind="'G0103.ICCard' | translate"></label>
                <input class="value" id="ic_card" ng-model="dialog.ic_card" ng-keypress="dialog.searchICCard($event);"></input>
                <div class="tip qrcode" ng-click="dialog.ICCardScanner();">
                    <img src="image/icons/QRCode.png">
                </div>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'G0103.empNo' | translate"></label>
                <input class="value" id="tmpEmp_no" ng-model="dialog.tmpEmp_no" ng-keypress="dialog.searchEmp($event);" style="padding: 2px;"></input>
                <div class="tip search" ng-click="dialog.searchEmp();"><img src="image/icons/search.png"></img> </div>
                <label class="label" ng-bind="'G0103.sub_op' | translate" style="margin-left: -2px;"></label>
                <label class="value" ng-bind="dialog.subOpItem.sub_op_no"></label>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'G0103.empName' | translate"></label>
                <label class="value" ng-bind="dialog.tmpOnWorkInfo.employee_name"></label>
                <!--20180417 modify by 李栋 for mantis#0045905 start-->
                <label class="label" ng-bind="'G0103.classNo_now' | translate"></label>
                <!--20180417 modify by 李栋 for mantis#0045905 end-->
                <label class="value" ng-bind="dialog.tmpOnWorkInfo.shift"></label>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'G0103.time' | translate"></label>
                <label class="value" ng-bind="dialog.tmpOnWorkInfo.work_datetime | date:'yyyy - MM - dd　HH：mm'"></label>
                <!--20180417 modify by 李栋 for mantis#0045905 start-->
                <label class="label" ng-bind="'G0103.classNo_emp' | translate"></label>
                <label class="value" ng-bind="dialog.tmpOnWorkInfo.user_shift"></label>
                <!--20180417 modify by 李栋 for mantis#0045905 end-->
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'G0103.cur_qty' | translate"></label>
                <label class="value" ng-bind="dialog.cur_qty"></label>
                <label class="label" ng-bind="'G0103.done_qty' | translate"></label>
                <label class="value" ng-bind="dialog.subOpItem.done_qty"></label>
            </div>
            <div class="kmi-text-fields" ng-if="dialog.isNeedWorkReason();">
                <label class="label" style="width: 114px;" ng-bind="'G0103.reason' | translate"></label>
                <input class="value" ng-value="dialog.tmpOnWorkInfo.reason_name" readonly="readonly"
                    ng-disabled="!dialog.isDataPrepared()" ng-click="dialog.loadEmpWorkReason();" ></input>
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                <label class="label" style="width: 114px;"></label>
                <div style="flex: 1"></div>
            </div>
            <div class="btn-panel">
                <div class="kmi-button kmi-button-confrim" ng-show="dialog.tmpOnWorkInfo.work_mode=='U' || dialog.tmpOnWorkInfo.work_mode=='D'" ng-click="dialog.employeeWrokSet()">
                    <label ng-bind="'G0103.label_'+dialog.tmpOnWorkInfo.work_mode | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
                <div class="kmi-button kmi-button-confrim" ng-show="dialog.subOpItem.employee_work_detail.length > 0" ng-click="dialog.employeeWrokSetAll()">
                    <label ng-bind="'G0103.label_AD' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>                
                <div class="kmi-button kmi-button-confrim" ng-show="true" ng-click="dialog.reportProcess()">
                    <label ng-bind="'G0103.label_RP' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>    
            </div>
            <div class="kmi-list operator-list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'G0103.list.column1' | translate" ></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'G0103.list.column2' | translate" ></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'G0103.list.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'G0103.list.column4' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.subOpItem.employee_work_detail track by $index">
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.employee_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.employee_name"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.user_shift"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.work_time"></div>
                        <div class="kmi-can-click" ng-click="dialog.selectEmployee(item);"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
